<style>
    .red, .yellow, .green {
   width: 12px;
   height: 12px;
       margin-top:8px; margin-right: 4px;
 display: inline-block;

}
.red {
     background-color: red;
     color: white;
 }
    .yellow {
        background-color: yellow;

    }
    .green {
        background-color: green;
        color: white;
    }

    .red1 {
        background-color: red;
        color: white;
    }
    .yellow1 {
        background-color: yellow;

    }
    .green1 {
        background-color: green;
        color: white;
    }
</style>

<div class="container-fluid">
    <div class="wrapper">
        <div class="panel" id="nav">
            <div class="panel-heading"><h3 class="panel-title">盘点记录查询</h3></div>
            <div class="panel-body">
                <form action="" method="get">
                    <div class="container-fluid">
                        <div class="col-sm-12 col-md-3  add-space">
                            <div class="input-group input-group-md">
                                <span class="input-group-addon">盘点人</span>
                                <input type="text" name="creater" class="form-control" value="">
                            </div>
                        </div>
                        <div class="col-sm-12 col-md-3  add-space">
                            <div class="input-group input-group-md">
                                <span class="input-group-addon">SKU</span>
                                <input type="text" name="creater" class="form-control" value="">
                            </div>
                        </div>

                        <div class="col-sm-12 col-md-3  add-space">
                            <div class="input-group input-group-md">
                                <span class="input-group-addon">类型</span>
                                <select name="enterprise_dominant" id="enterprise_dominant" class="form-control">
                                    <option value="-1">全部</option>
                                    <option value="1">
                                        有棵树电子商务有限公司                        </option>
                                    <option value="2">
                                        杭州有棵树科技有限公司                        </option>
                                    <option value="3">
                                        深圳市有棵树科技股份有限公司                        </option>
                                </select>
                            </div>
                        </div>

                        <div class="col-sm-12 col-md-6  add-space">
                            <div class="input-group input-group-md">
                                <span class="input-group-addon">盘点时间</span>
                                <input class="form-control form-datetime_1" type="text" name="create_time_from" style="cursor:pointer;" readonly>
                                <span class="input-group-addon"><span class="icon-calendar"></span></span>
                                <input class="form-control form-datetime_1" type="text" name="create_time_to" style="cursor:pointer;" readonly>

                            </div>
                        </div>




                        <div class="col-md-4 add-space">
                            <input class="btn btn-primary" type="submit" value="查询">
                            <input class="btn btn-primary" type="button" value="重置">
                            <input class="btn btn-success" type="button" value="下载">
                        </div>


                    </div>
                </form>
                <div class="clearfix"></div>
                <hr>

                <table class="table table-bordered" id="table_content" style="border-collapse:collapse;">
                    <thead>
                    <tr>
                        <th>SKU</th>
                        <th>中文名称</th>
                        <th>储位</th>
                        <th style="width:90px;">盘点时间</th>
                        <th>单据下载时间</th>
                        <th>单据上传时间</th>
                        <th>类型</th>
                        <th>下载单据时的系统实际库存数量</th>
                        <th>上传单据时的系统实际库存数量</th>
                        <th>盘点量</th>
                        <th>差异量</th>
                        <th>盘点人</th>
                    </tr>
                    </thead>
                    <tbody id="table_content">                <tr>
                        <td>A401 </td>
                        <td>40kg新黑钩称 </td>
                        <td>20530115 </td>
                        <td>2014-08-25</td>
                        <td>2014-08-24 22:05:00 </td>
                        <td>2014-08-25 16:23:52 </td>
                        <td>盘赢</td>
                        <td>366</td>
                        <td>366</td>
                        <td>433</td>
                        <td class="num green1">67</td>
                        <td>严冬香</td>
                    </tr>
                    <tr>
                        <td>A401 </td>
                        <td> </td>
                        <td> </td>
                        <td>2014-09-06</td>
                        <td>2014-09-06 11:11:00 </td>
                        <td>2014-10-08 13:38:18 </td>
                        <td>盘赢</td>
                        <td class="yellow1">0</td>
                        <td class="yellow1">279</td>
                        <td>3</td>
                        <td class="num green1">3</td>
                        <td>严冬香</td>
                    </tr>
                    <tr>
                        <td>A401 </td>
                        <td>40kg新黑钩称 </td>
                        <td>20530115 </td>
                        <td>2015-05-28</td>
                        <td>2015-05-28 08:13:51 </td>
                        <td>2015-05-28 21:57:40 </td>
                        <td>盘亏</td>
                        <td class="yellow1">335</td>
                        <td class="yellow1">313</td>
                        <td>334</td>
                        <td class="num red1">-1</td>
                        <td>雷常伟</td>
                    </tr>
                    <tr>
                        <td>A401 </td>
                        <td>40kg新黑钩称 </td>
                        <td>20530115 </td>
                        <td>2015-07-04</td>
                        <td>2015-07-03 22:55:12 </td>
                        <td>2015-07-16 14:37:42 </td>
                        <td>盘赢</td>
                        <td class="yellow1">239</td>
                        <td class="yellow1">628</td>
                        <td>260</td>
                        <td class="num green1">21</td>
                        <td>黄雪丰</td>
                    </tr>
                    <tr>
                        <td>A401 </td>
                        <td>40kg新黑钩称 </td>
                        <td>20530115 </td>
                        <td>2016-01-08</td>
                        <td>2016-01-08 07:02:00 </td>
                        <td>2016-01-13 23:59:38 </td>
                        <td>盘赢</td>
                        <td class="yellow1">972</td>
                        <td class="yellow1">1598</td>
                        <td>978</td>
                        <td class="num  green1">6</td>
                        <td>李丹</td>
                    </tr>
                    <tr>
                        <td>A401 </td>
                        <td>40kg新黑钩称 </td>
                        <td>20530115 </td>
                        <td>2016-07-01</td>
                        <td>2016-07-01 20:15:11 </td>
                        <td>2016-07-09 16:28:14 </td>
                        <td>盘赢</td>
                        <td class="yellow1">772</td>
                        <td class="yellow1">568</td>
                        <td>785</td>
                        <td class="num  green1">13</td>
                        <td>郑海强</td>
                    </tr>
                    <tr>
                        <td>A401 </td>
                        <td>40kg新黑钩称 </td>
                        <td>20120117 </td>
                        <td>2016-11-16</td>
                        <td>2016-11-16 15:27:13 </td>
                        <td>2016-11-16 15:40:08 </td>
                        <td>盘亏</td>
                        <td>2</td>
                        <td>2</td>
                        <td>0</td>
                        <td class="num red1">-2</td>
                        <td>黄胜</td>
                    </tr>
                    <tr>
                        <td>A401 </td>
                        <td>40kg新黑钩称 </td>
                        <td>20120117 </td>
                        <td>2017-01-06</td>
                        <td>2017-01-06 19:16:09 </td>
                        <td>2017-01-21 10:45:09 </td>
                        <td>盘亏</td>
                        <td class="yellow1">279</td>
                        <td class="yellow1">869</td>
                        <td>278</td>
                        <td class="num red1">-1</td>
                        <td>黄胜</td>
                    </tr>
                    <tr>
                        <td colspan="6" style="display: none;"><div class="mypage"></div> </td>
                    </tr>
                   </tbody>

                </table>
                <div class="info" style=" margin-bottom:10px;">
                    <span class="red"></span>红色代表盘亏数量
                    <span class="green"></span>绿色代表盘赢数量
                    <span class="yellow"></span>黄色代表上传单据时的系统实际库存数量和下载单据时的系统实际库存数量不一致，说明期间有出入库记录。
                </div>
                <div class="clearfix clear"></div>
                <div class="col-md-6 pull-left">
                    <label>每页 20 条记录
                        显示 1 到 20 项，共 75项</label>
                </div>
                <div class="col-md-6">
                    <div class="page pull-right" style="padding: 0;margin: 0">
                        <span class="current">1</span><a href="2.html">2</a><a href="3.html">3</a> <a href="2.html">下一页</a></div>
                </div>
            </div>
        </div>
    </div>
</div>






